<template>
    <div class="pane_item">
        <p class="pane_item_title">{{title}} <span :class="isOpen ? 'handler open' : 'handler close'" @click="isOpen = !isOpen"></span></p>
        <div class="pane_item_text" v-if="isOpen">
            {{des}}
            <br>
            asdasd <br> asdasd <br> asdasd <br>asdasd
        </div>
    </div>
</template>

<script>
    export default {
        name: "pane-item",
        props: ['title', 'des'],
        components: {},
        data() {
            return {
                isOpen: true
            }
        },
        mounted() {

        },
        methods: {}
    }
</script>

<style lang="less" type="text/less" scoped>
    @import "paneItem";
</style>